<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>banner style-1</title>
    <link rel="stylesheet" href="../../model/jsFn.css">
    <link rel="stylesheet" href="../../model/element.css">
</head>
<body>
<!--目录-->
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< banner style="1" ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <ul>
                <li><p><a href="#childElement_all">所有的子控件</a></p></li>
            </ul>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>banner style-1</h2>
    <div>简介:</div>
    <p>可以嵌套多个控件</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <!--xmp标签可以直接书写xml格式文本-->
        <xmp>
            <banner>
                <img click="alert('1')" src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1531389775236&amp;di=bb3663652def5cdfd6aa581d09d13552&amp;imgtype=0&amp;src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201312%2F05%2F20131205172406_tXJfj.thumb.700_0.jpeg"/>
                <img click="alert('2')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520562161&amp;di=cb53381a9019216d062926de54fb5701&amp;imgtype=0&amp;src=http%3A%2F%2Fcomic.people.com.cn%2FNMediaFile%2F2014%2F1219%2FMAIN201412191006000280747316081.jpg"/>
                <img click="alert('3')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520632678&amp;di=a7055b4685f5df74fa2930b0c564525e&amp;imgtype=0&amp;src=http%3A%2F%2Fa3.topitme.com%2F1%2F85%2Fa5%2F11288532140b2a5851o.jpg"/>
                <img click="alert('4')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520665861&amp;di=6cfdd6d95b0779fc975535b48dca7113&amp;imgtype=0&amp;src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201407%2F12%2F20140712070327_watmA.thumb.700_0.jpeg"/>
            </banner>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table >
            <tbody>
                <tr>
                    <th>属性</th>
                    <th>值</th>
                    <th>描述</th>
                </tr>
                <tr>
                    <td>无</td>
                    <td>无</td>
                    <td>无</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/banner.png" alt="">
    </div>
</div>
<!--js方法-->
<div id="jsFn">
    <h2>js方法</h2>
    <!--<div id="jsFn_setImgHeight" class="jsFnModel">-->
        <!--<h3>setImgHeight</h3>-->
        <!--<div class="shape">-->
            <!--<h3>函数使用样式:</h3>-->
            <!--<p>banner.setImgHeight([start],end)->null</p>-->
        <!--</div>-->
        <!--<div class="profile">-->
            <!--<h3>函数功能简介:</h3>-->
            <!--<p>改变背景图片</p>-->
        <!--</div>-->
        <!--<div class="version">-->
            <!--<p>稳定性;2 - 稳定的</p>-->
            <!--<p>新增于:v0.0.0</p>-->
        <!--</div>-->
        <!--<div class="params">-->
            <!--<h3>参数列表:</h3>-->
            <!--<ul>-->
                <!--<li>-->
                    <!--<p>start</p>-->
                    <!--<p>&nbsp;int&nbsp;</p>-->
                    <!--<p>背景图片的高度起始位置,默认为0/</p>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<p>end</p>-->
                    <!--<p>&nbsp;int&nbsp;</p>-->
                    <!--<p>背景图片的高度结束位置/</p>-->
                <!--</li>-->

            <!--</ul>-->
        <!--</div>-->
        <!--<div class="res">-->
            <!--<h3>返回值</h3>-->
            <!--<p>返回document</p>-->
            <!--<p>返回自己</p>-->
            <!--<p></p>-->
        <!--</div>-->
        <!--<div class="code">-->
            <!--<h3>例子</h3>-->
            <!--<pre>-->
                <!--<code>-->
                    <!--banner.setImgHeight(0,300);-->
                    <!--//改变背景高度-->
                <!--</code>-->
            <!--</pre>-->
        <!--</div>-->
        <!--<div class="error">-->
            <!--<h3>抛出错误</h3>-->
        <!--</div>-->
    <!--</div>-->

</div>
<!--子标签-->
<div id="childElement">
    <h2>子标签</h2>
    <div id="childElement_all">
        <h3>所有控件,参考<a href="../index.html"  >< view ></a></h3>
    </div>
</div>
<div class="author"><p>by-姜进</p></div>
</body>
</html>